/**
 * Created by Administrator on 2017/2/10.
 */

/**
 * 1.根据数据加载列表
 * @param _groupname名称
 * @param _groupdata 分组数据,格式：[{groupname:分组名称,items:[{name:"名称",icourl:图标url路径,describe:描述,detailurl:详情页面路径}]}]
 * @param _contair 显示到的容器
 * @constructor
 */
function LoadListByData(_groupname,_groupdata,_contair){
    if(_groupdata!=null && _groupdata.length>0){
        for(var i=0;i<_groupdata.length;i++){
            if(_groupdata[i].groupname==_groupname){
                LoadListItems(_groupdata[i].items,_contair);
                break;
            }
        }
    }
}

/**
 * 2.加载列表子项到容器
 * @param _listdata 列表数据
 * @param _contair 显示到的容器
 * @constructor
 */
function LoadListItems(_listdata,_contair){
    if(_listdata!=null && _listdata.length>0){
        var htmlcontent="";
        for(var i=0;i<_listdata.length;i++){
            htmlcontent+=FormatItemHtml(_listdata[i]);
        }
        $("#"+_contair).html(htmlcontent);
    }
}

/**
 * 3.格式化列表项数据为html内容
 * @param _itemdata 列表项数据,格式:{name:"名称",icourl:图标url路径,describe:描述,detailurl:页面详情路径}
 * @constructor
 */
function FormatItemHtml(_itemdata){
    var tempdiv="<div class='listitem' onclick='gotoitemdetailpage(this)' data-href='"+_itemdata.detailurl+"'>";
    tempdiv+="<div class='icourl'><img src='../../../"+_itemdata.icourl+"'></div>";
    tempdiv+="<div class='rightcontent'>";
    tempdiv+="<div class='name'>"+_itemdata.name+"</div>";
    tempdiv+="<div class='describe'>"+_itemdata.describe+"</div>";
    tempdiv+="</div>";
    tempdiv+="</div>";
    return tempdiv;
}

/**
 * 点击跳转到详情页
 * @param _domobj
 */
function gotoitemdetailpage(_domobj){
    window.location.href=$(_domobj).data("href");
}